<template>
  <div>
      <el-menu router :default-active="$router.path" class="el-menu-demo" mode="horizontal" @select="handleSelect">
          <el-menu-item index="/">首页</el-menu-item>
          <el-menu-item index="/sqlConterver">SQL语法转换器</el-menu-item>
          <el-menu-item index="/taskKanban">任务看板</el-menu-item>
      </el-menu>
  </div>
</template>

<script>
export default {
    data() {
      return {
        
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    }
}
</script>

<style>

</style>